@import "http://at.alicdn.com/t/font_499076_6zssovay6w78ehfr.css";
ul,li,ol{list-style:none;padding:0}
div,p{margin:0;padding:0}
img{display:block;border:none}
a{text-decoration:none;outline:none}
li{list-style:none}
.clearfix{zoom:1}
.clearfix:after{clear:both;content:"";display:block;width:0;height:0;}
body{
  font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, "Microsoft Yahei", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;
  padding:0;margin:0;width:100%;background-color:#F0F4FB;overflow:hidden;
}
/*********滚动条*************/
::-webkit-scrollbar {background: transparent;width: 10px;height: 10px;}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #e1e1e1;
    width: 6px;
    height: 6px;
    border: 2px solid transparent;
    background-clip: content-box;
}
::-webkit-scrollbar-track {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color: #fafafa;}
.fl{float:left}
.fr{float:right}
#app{width:100%;}
/*左侧导航部分*/
.nav{width:100px;bottom:0;top:0;left:0;background-color:#263238;position:absolute;z-index:999;}
.nav .logo{background-color: #31C8A4;display:block;height:55px;line-height:55px;text-align:center;padding:0}
.nav .logo i{font-size:30px;color:#fff}
.nav ul{padding:0;}
.nav ul a{display: block;overflow: hidden;padding:0 23px;height:60px;line-height: 60px;color:#fff;font-size:14px;}
.nav ul a .fir-nav{letter-spacing: 1px}
.nav ul a .fir-nav i{margin-right:5px}
.nav-item ul a{padding-left: 46px;}
.nav-item{position: relative;}
.nav-item>a span{display: block;width:54px;overflow: hidden;white-space: nowrap;}
.nav-item ul{display:none;background-color:#3A3D47;position: absolute;top:0px;left:100px;width: 160px;z-index:1000;overflow: hidden;}
.nav-item:hover ul{display: block;}
.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.1);}
.nav-item ul li:hover,.nav-item ul li .router-link-exact-active{background:rgba(255,255,255,.1);color:#31C8A4}
.nav-item>a:before{content: "";position: absolute;left: 0px;width: 5px;height: 60px;background:rgb(49, 200, 164);opacity:0;transition: all .3s;}
.nav-item:hover a:before,.nav-item.active a:before{opacity:1;}
.active .fir-nav{color:#31C8A4}
/*右侧*/
.contextmenu{z-index:13000; position: absolute;}
.contextmenu li i{margin-right:10px;width:16px;height:16px;display: inline-block;}
.main{position:absolute;left:100px;right:0;bottom:0;top:0;min-width:900px;background-color:#F0F1F6;}
.main .top{position:relative;top:0;height:55px;width:98%;padding:0 1%;color:#666;background:#fff}
.el-menu-demo{position:absolute;right:0;top:0;}
.top .avatar{width:40px;height:40px;display:inline-block;margin-right:3px;border-radius:50%}
.main .navtab{position:absolute;z-index:2;height:28px;width:100%;overflow:hidden;background-color:#d4d8e3;}
.main .navtab span{cursor:pointer;line-height:28px;background:none;color:#76838f;border-radius:0;border:0;border-right:2px solid #E6EBF5;margin:0}
.main .navtab span i{color:#666}
.main .navtab span:hover{background-color:rgb(49, 200, 164);color:#fff}
.main .navtab span:hover i{color:#fff}
.main .navtab .router-link-exact-active{background-color:rgb(49, 200, 164);color:#fff}
.main .navtab .router-link-exact-active i{color:#fff}
.main section{position:absolute;width:100%;top:83px;bottom:0;box-sizing:border-box;padding:15px;overflow-x:hidden;overflow-y:auto;}
.slideleft-enter-active,.slideleft-leave-active,.slideright-enter-active,.slideright-leave-active{transition: all 1s;}
.slideleft-enter,.slideleft-leave-to,.slideright-enter,.slideright-leave-to{opacity: 0;}
.slideright-enter {transform: translateX(+100%);}
.slideright-leave-active {transform: translateX(-100%);}
.slideleft-enter {transform: translateX(-100%);}
.slideleft-leave-active {transform: translateX(+100%);}
.fade-enter-active, .fade-leave-active {transition: all .3s ease;opacity: 1}
.fade-enter, .fade-leave-to{transform: translateY(20px);opacity: 0}
/*覆盖系统样式*/
.el-loading-mask{z-index: 10 !important}
.v-modal{z-index: 1000 !important;opacity: 0.3}
.el-table th{text-align:center}
.el-table__header tr{background-color:#f7f9fd !important;}
/*.el-select-dropdown__item{width:195px !important;}*/
.el-dialog__header{bolder-bottom:1px solid #ddd !important;}
.audit_dialog .el-dialog__body{padding:12px 15px 8px;font-size:16px}
i.iconfont{font-size:18px !important;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;}
.file-uploader ul{margin-top:-60px !important;}
.el-tabs__item{height:60px;line-height: 60px;text-align: center;font-size:16px;}
.coach_side .el-tabs__item{width:20%;}
.user_side .el-tabs__item{width:25%;}
.el-tabs__nav{width:100%;}
.el-steps .el-step__head.is-process{color:#b4bccc;border-color:#b4bccc}
.el-steps .el-step__title.is-process{color:#b4bccc;font-weight:300}
.el-step__title{margin-left:-19px}

.sidebar{width:600px;position:fixed;height:100%;top:0px;right:0px;bottom:0;z-index:2000;background-color:#fff;overflow-y: auto}
div.searchbox{background-color:#fff;padding:22px 20px 0;height:60px}
.breakpage{background-color:#fff;padding:15px 10px 10px;text-align: right;}

/*教练学员*/
.file-uploader{
  position: relative;
  float:left;
  width: 150px;
  height: 100px;
  border-radius: 5px;
  border: 1px dashed #d9d9d9;
  margin-right:5px;
  color:#999;
  line-height:18px
}
.file-uploader:hover {border-color:#31C8A4;color:#31C8A4}
.file-uploader p{margin:0;height:20px;line-height: 20px;padding-top:5px}
.avatar img{width: 150px;height: 100px;display: block;}
.avatar:hover .file_item_action{display: block}
.avatar-uploader-icon {font-size: 26px;width: 150px;padding-top:20px;}
.file_item_action{position: absolute;border-radius: 5px;width: 100%;height:100px;line-height:100px;left: 0;top: 0;cursor: default;
text-align: center;color: #fff;display: none;font-size: 20px;background-color: rgba(0,0,0,.3);transition: opacity .3s;}
.file_item_action i{cursor: pointer;padding:0 3px}
.slide-fade-enter-active {transition: all .3s ease;}
.slide-fade-leave-active {transition: all .3s cubic-bezier(1.0, 0.5, 0.8, 1.0);}
.slide-fade-enter, .slide-fade-leave-to{transform: translateX(600px);}
/*个人信息*/
.coach-infor li{height:30px;line-height:30px;margin:15px 0}
.coach-infor li span{font-size:14px;display: inline-block}
.coach-infor li span.coach-att{color:#333;width: 100px;text-align: right;margin-right: 60px;float:left}
.coach-infor li .coach-val{color:#666;width: 235px;text-align: left}
.coach-img{height:100px;width:440px;float:right}
.coach-img img{width: 140px;height: 100px;margin:2px;border-radius: 3px;overflow: hidden;float: left}
/*学员进度*/
.student-pro{margin:20px  0}
.pro-con{position: relative;width: 100%;height: 100%;left: 48%;margin-top: 30px}
.student-pro .stu-year{position: relative}
.student-pro .stu-year img{margin: 0 auto;display: block;width: 72px;height: 72px}
.student-pro .stu-year p{position: absolute;font-size: 16px;color: #fff;left: 50%;top: 50%;transform: translate(-50%, -50%); margin-top: 0;}
.student-pro .number_link {border-left: 1px solid #31c8a4;display: block;position: absolute;height:11%;top: 0;left: 50%;transform: translateX(-50%);z-index:99;}
.stu_list{margin-bottom:15px}
.pro-link{border-left: 1px solid #31c8a4;display: block;position: absolute;height: 50%;top:100%;left: 50%;transform: translateX(-50%)}
.student-pro .number{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;max-width: 25px;min-width: 25px;width: 25px;position: relative;margin-right: 18px;padding-bottom:100%;margin-bottom:-100%;float: left}
.student-pro .number-con {width: 25px;height: 25px;position: relative;z-index: 999;}
.student-pro .number-con img {width: 25px;height: 25px;display: block;}
.year-list{position:relative;width:39%}
.year-list .data{font-size: 14px;color:#333;margin-bottom: 6px}
.year-list .data-name{font-size: 14px;color:#666;margin-left:45px;margin-top:0!important;margin-bottom:0!important}
.student-pro .pro-right{position: relative;right: 252px;text-align: right!important}
.student-pro .cricle{border-radius:50%;width: 5px;height:5px;background:#31c8a4;display: block;position: absolute;top: 11%;left: 50%;transform: translateX(-50%);z-index:99;}

/*覆盖优惠券样式*/
.coupon .el-dialog__body{ padding: 0 0; }
.coupon .el-input__inner{ width: 380px; }
.coupon .el-textarea{ width: 89%; float: left;}
.coupon .yhq_name.el-input.el-input--medium {width: 211px;}
.coupon .yhq_name.el-input.el-input--medium .el-input__inner{width: 211px;}
.car .el-input {width: 100%}
.car .el-input{width:368px}
.car .sousuo .el-input {width:211px}
/*.car .el-form-item__content{margin-left: 100px;}*/
